<template>
  <div class="site-view">
    <ScenicSpotRecommendation />
    <SiteReservation />
  </div>
</template>

<script>
import ScenicSpotRecommendation from '@/components/SiteView/ScenicSpotRecommendation.vue'
import SiteReservation from '@/components/SiteView/SiteReservation.vue'

export default {
  name: 'SiteView',
  components: {
    ScenicSpotRecommendation,
    SiteReservation
  }
}
</script>

<style scoped>
.site-view {
  padding-top: 20px;
}
</style>